<template>
  <div>
    <div>
      <div style="display: inline-block"> <el-button size="small" icon="el-icon-back" type="text" @click="goBack">返回</el-button></div>
      <div style="display: inline-block">|</div>
      <div style="display: inline-block;">
        <div style="padding-bottom: 15px;margin-left:10px">
          <span style=" font-family: 'Microsoft YaHei',serif;display: inline-block">日志</span>
        </div>
      </div>
    </div>
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="操作日志" name="first">
        <Log :id=this.$route.query.id @released="refreshSyncTable"></Log>
      </el-tab-pane>
      <el-tab-pane label="内容日志" name="second">
        <KnowledgeFieldCompare ref="CompareTable" :id=this.$route.query.id
                               :status="this.$route.query.status"></KnowledgeFieldCompare>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>


<script>
import Log from "./Log"
import KnowledgeFieldCompare from "./KnowledgeFieldCompare";

export default {
  name: "manage",
  components: {
    KnowledgeFieldCompare,
    Log
  },
  data() {
    return {
      activeName: 'first',


        };
      },
      methods:{
        handleClick(tab, event) {

        },
        goBack: function () {
          this.$router.go(-1)
        },
        refreshSyncTable() {
          this.$refs.CompareTable.reloadTableData()
        }
      }
    }
</script>

<style scoped>

</style>
